<template>
	<view class="group">
		<view class="groupList" v-for="(item,index) in groupList" :key='index' @click="pageJupm(item)">
			<view class="groupImage">
				<u--image radius='10px' :showLoading="true" :src="item.thumb" width="120px" height="120px"></u--image>
			</view>
			<view class="groupContent">
				<view class="groupTitle">
					<text>组团游</text>
					<u--text :text="item.title" size='18' :bold='true'></u--text>
				</view>
				<view class="groupPriced">
					<u--text :text="`原价：￥${item.priced}`" color='#D7D7D7'></u--text>
				</view>
				<view class="groupPrice">
					<view class="PriceTitle">
						<text>组团价</text>
						<text class="Price">￥{{item.price}}起</text>
					</view>
					<view class="gotoGroup">
						<text>去组团</text>
						<u-icon name="arrow-right" color="#ffffff" size="14"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<u-loadmore line="true" :status="status" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status: 'loadmore',
				lists: 4,
				page: 0,
				groupList:[
					{
						thumb:'https://www.zhuinw.com/uploads/20210719/9eecaa4eebd1efadc3d2282dcdd58c18.jpg',
						title:'上海云栖兰亭养老社区',
						score:'4.7',
						content:'上海市浦东新区宣桥镇宣中路298号',
						briefText:'一段介绍',
						position:'中国·上海',
						briefTxt:'云栖兰亭位于上海市浦东新区发展洼地宣桥镇，正好处于上海政府十三五规划中浦东一轴四带新布局的中心位置上，也在大浦东东西轴线和南北轴线交汇的黄金十字中轴上，毗邻迪士尼乐园、上海野生动物园和新场古镇',
						priced:'8000',
						price:'5000'
					},
					{
						thumb:'https://www.zhuinw.com/uploads/20210920/6fd0a57933eb953abc9a96fa29db8178.jpg',
						title:'崇明大爱城养老中心',
						score:'4.7',
						briefText:'一段介绍',
						content:'',
						position:'中国·上海',
						briefTxt:'大爱书院、大爱医疗中心、大爱养老、生态农产品展示馆、湖心岛餐厅、老上海西餐厅、农业风情餐厅、客户服务中心、便利店等，满足日常生活所需。',
						priced:'10000',
						price:'7000'
					},
					{
						thumb:'https://www.zhuinw.com/uploads/20190804/aa07cb9c53225bac5d2a4c1460818dbe.jpg',
						title:'成都协和国际颐养院',
						score:'4.7',
						briefText:'一段介绍',
						content:'成都市成华区邛崃山路中段',
						position:'中国·成都',
						briefTxt:'星级酒店式房间设计，适老化和智能化的配置，提供24小时的管家服务。拥有专属二级标准护理院5分钟直达的医疗服务和提供绿色通道直通比邻的鹏瑞利国际医疗健康中心，共享国际化的医疗技术，满足长者及家属的医疗需求。',
						priced:'7000',
						price:'5000'
					},
					{
						thumb:'https://www.zhuinw.com/uploads/20190804/ba22c5d6a18246ba960a9c3192b5054e.jpg',
						title:'优护家护理院',
						score:'4.7',
						briefText:'一段介绍',
						content:'成都武侯区永康大道20号',
						position:'中国·成都',
						briefTxt:'主要服务于失能失智老人、半失能老人、康复老人、临终关怀老人。该院位于环境优雅的永康森林公园内，是武侯区打造的医养结合高品质养老院。',
						priced:'5000',
						price:'3000'
					},
					{
						thumb:'https://www.zhuinw.com/uploads/20210915/c5804a85709ac1ca71ec1469f6ac14ef.jpg',
						title:'重庆康逸逸园养老院',
						score:'4.7',
						briefText:'一段介绍',
						content:'重庆市九龙坡区石坪桥横街特13号',
						position:'中国·重庆',
						briefTxt:'康逸·逸园设置总床位330余张,整个综合体均按照适老化标准建造,给长者打造一个温馨舒适的养老环境。',
						priced:'5000',
						price:'3000'
					}
				]
			}
		},
		onReachBottom() {
			if(this.page >= 3) return ;
			this.status = 'loading';
			this.page = ++ this.page;
			setTimeout(() => {
				this.groupList.length += 0;
				if(this.page >= 0) this.status = 'nomore';
				else this.status = 'loading';
			}, 2000)
		},
		methods: {
			pageJupm(item){
				console.log(item)
				var mynavData=JSON.stringify(item)
				uni.navigateTo({
					url:'../goodchoice/goodchoice?Data='+mynavData
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.groupList{
	// padding: 20px 0 0 10px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #E7E7E7;
	.groupImage{
		padding: 10px;
		flex: 1;
	}
	.groupContent{
		flex: 2;
		padding-top: 10px;
		.groupTitle{
			display: flex;
			align-items: center;
			margin-bottom: 50px;
			text{
				background:#FF9800;
				padding: 4px;
				border-radius: 10px;
				font-size: 24rpx;
				color: #FFFFFF;
				font-weight: 600;
				margin-right: 10px;
			}
		}
		.groupPriced{
			padding-left: 10px;
		}
		.groupPrice{
			
			display: flex;
			.PriceTitle{
				padding-left: 10px;
				width: 70%;
				background: #F9E1E1;
				line-height:31px ;
				text{
					color: #E85151;
					font-size: 28rpx;
				}
				.Price{
					color: #E85151;
					font-size: 34rpx;
					font-weight: 600;
					margin-left: 5px;
				}
			}
			.gotoGroup{
				width: 30%;
				padding: 5px;
				background: #FF9800;
				color: #FFFFFF;
				display: flex;
				justify-content: center;
			}
		}
	}
}
</style>
